<!--左侧导航-->
<aside class="lyear-layout-sidebar">

    <!-- logo -->
    <div id="logo" class="sidebar-header">
        <a href="index.html"><img src="/static/admin/images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
    </div>
    <div class="lyear-layout-sidebar-info lyear-scroll">

        <nav class="sidebar-main">
            <ul class="nav-drawer">
                <li class="nav-item active"> <a href="index.html"><i class="mdi mdi-home"></i> <span>后台首页</span></a>
                </li>
                <li class="nav-item nav-item-has-subnav">
                    <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> <span>UI 元素</span></a>
                    <ul class="nav nav-subnav">
                        <li> <a href="lyear_ui_typography.html">排版</a> </li>
                        <li> <a href="lyear_ui_grid.html">栅格</a> </li>
                        <li> <a href="lyear_ui_icon.html">图标</a> </li>
                        <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
                        <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
                        <li> <a href="lyear_ui_button_group.html">按钮组</a> </li>
                        <li> <a href="lyear_ui_cards.html">卡片</a> </li>
                        <li> <a href="lyear_ui_tables.html">表格</a> </li>
                        <li> <a href="lyear_ui_modal.html">模态框</a> </li>
                        <li> <a href="lyear_ui_dropdown.html">下拉菜单</a> </li>
                        <li> <a href="lyear_ui_tooltips.html">工具提示</a> </li>
                        <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
                        <li> <a href="lyear_ui_pagination.html">分页</a> </li>
                        <li> <a href="lyear_ui_popovers.html">POP提示</a> </li>
                        <li> <a href="lyear_ui_images.html">图片</a> </li>
                        <li> <a href="lyear_ui_badges.html">徽章</a> </li>
                        <li> <a href="lyear_ui_progress.html">进度条</a> </li>
                        <li> <a href="lyear_ui_list_group.html">列表组</a> </li>
                        <li> <a href="lyear_ui_media_object.html">媒体对象</a> </li>
                        <li> <a href="lyear_ui_navbar.html">导航栏</a> </li>
                        <li> <a href="lyear_ui_scrollspy.html">滚动监听</a> </li>
                        <li> <a href="lyear_ui_spinners.html">加载状态</a> </li>
                        <li> <a href="lyear_ui_toasts.html">消息弹窗</a> </li>
                        <li> <a href="lyear_ui_timeline.html">时光轴</a> </li>
                        <li> <a href="lyear_ui_other.html">其他</a> </li>
                    </ul>
                </li>
                <li class="nav-item nav-item-has-subnav">
                    <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> <span>表单</span></a>
                    <ul class="nav nav-subnav">
                        <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
                        <li> <a href="lyear_forms_input_group.html">输入框组</a> </li>
                        <li> <a href="lyear_forms_radio.html">单选框</a> </li>
                        <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
                        <li> <a href="lyear_forms_switches.html">开关</a> </li>
                        <li> <a href="lyear_forms_range.html">范围选择</a> </li>
                    </ul>
                </li>
                <li class="nav-item nav-item-has-subnav">
                    <a href="javascript:void(0)"><i class="mdi mdi-tools"></i> <span>工具类</span></a>
                    <ul class="nav nav-subnav">
                        <li> <a href="lyear_utilities_borders.html">边框</a> </li>
                        <li> <a href="lyear_utilities_colors.html">颜色</a> </li>
                        <li> <a href="lyear_utilities_display.html">显示属性</a> </li>
                        <li> <a href="lyear_utilities_flex.html">弹性布局</a> </li>
                        <li> <a href="lyear_utilities_float.html">浮动</a> </li>
                        <li> <a href="lyear_utilities_sizing.html">尺寸</a> </li>
                        <li> <a href="lyear_utilities_spacing.html">间隔</a> </li>
                        <li> <a href="lyear_utilities_stretched_link.html">延伸链接</a> </li>
                        <li> <a href="lyear_utilities_text.html">文本</a> </li>
                        <li> <a href="lyear_utilities_other.html">其他</a> </li>
                    </ul>
                </li>
                <li class="nav-item nav-item-has-subnav">
                    <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> <span>示例页面</span></a>
                    <ul class="nav nav-subnav">
                        <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
                        <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
                        <li> <a href="lyear_pages_config.html">网站配置</a> </li>
                        <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
                        <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
                        <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
                        <li> <a href="lyear_pages_data_table.html">表格插件</a> </li>
                        <li> <a href="lyear_pages_login_1.html" target="_blank">登录页面1</a> </li>
                        <li> <a href="lyear_pages_login_2.html" target="_blank">登录页面2</a> </li>
                        <li> <a href="lyear_pages_login_3.html" target="_blank">登录页面3</a> </li>
                        <li> <a href="lyear_pages_login_4.html" target="_blank">登录页面4</a> </li>
                        <li> <a href="lyear_pages_error.html" target="_blank">错误页面</a> </li>
                    </ul>
                </li>
                <li class="nav-item nav-item-has-subnav">
                    <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> <span>JS 插件</span></a>
                    <ul class="nav nav-subnav">
                        <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
                        <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
                        <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
                        <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
                        <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
                        <li> <a href="lyear_js_notify.html">通知消息</a> </li>
                        <li> <a href="lyear_js_maxlength.html">长度判断</a> </li>
                        <li> <a href="lyear_js_select.html">下拉选择</a> </li>
                        <li> <a href="lyear_js_fullcalendar.html">日程插件</a> </li>
                        <li> <a href="lyear_js_loading.html">loading插件</a> </li>
                    </ul>
                </li>
                <li class="nav-item nav-item-has-subnav">
                    <a href="javascript:void(0)"><i class="mdi mdi-menu"></i> <span>多级菜单</span></a>
                    <ul class="nav nav-subnav">
                        <li> <a href="#!">一级菜单</a> </li>
                        <li class="nav-item nav-item-has-subnav">
                            <a href="#!">一级菜单</a>
                            <ul class="nav nav-subnav">
                                <li> <a href="#!">二级菜单</a> </li>
                                <li class="nav-item nav-item-has-subnav">
                                    <a href="#!">二级菜单</a>
                                    <ul class="nav nav-subnav">
                                        <li> <a href="#!">三级菜单</a> </li>
                                        <li> <a href="#!">三级菜单</a> </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li> <a href="#!">一级菜单</a> </li>
                    </ul>
                </li>
            </ul>
        </nav>

        <div class="sidebar-footer">
            <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All
                rights reserved.</p>
        </div>
    </div>

</aside>
<!--End 左侧导航-->